<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_G01Yc0',
'ZY_ShiShiGengXin_1',
'ZY_2_2',
'ZY_YouXianGongSiZongJing_3',
'ZY_YouXianGongSiZongJing_4',
'ZY_ShangYiPianDiYu_5',
'ZY_XiaYiPianGongKe_6',
'mobile_banner_img'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/swiper.min.css">
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/animate.css">
  <link rel="stylesheet" href="http://gwfile.csxuncong.com/wantaien/mobile/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>
   .wrap{
    padding: 20px 0;
   }

   .title{
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
   }
   .subtitle{
    font-size: 14px;
    text-align: center;
   }
   .article{
    text-indent: 2em;
    margin: 20px 0;
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid rgb(112 112 112 / 30%);
    border-bottom: 1px solid rgb(112 112 112 / 30%);
   }
   .article img{
    display: block;
    max-width: 100%;
    margin: 5px auto;
   }
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <img src="${mobile_banner_img.adImg}" class="img zy" data-type="ad" data-id="${mobile_banner_img.adId}">
  </div> 
  <div class="wrap">
   <cms:art var="art" id="${param.id }"  queryAround="true" ></cms:art>
   <div class="container"> 
    <h2 class="title zy">${art.artTitle}</h2>
    <h5 class="subtitle zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${art.artCreatetiem}" ></fmt:formatDate></h5>
    <div class="article">
     ${art.artContent }
    </div> 
    <div class="flex flex-column font-14">
     <a href="${path }/do/redirect/mobile/newsDetail?id=${prev.artId}" class="color-blue zy">${prev.artTitle}</a>
     <a href="${path }/do/redirect/mobile/newsDetail?id=${next.artId}" class="color-black zy">${next.artTitle}</a>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="http://gwfile.csxuncong.com/wantaien/mobile/js/swiper.min.js"></script>
  <script>
   window.onload = function(){
    var menuIcon = document.getElementById('menuIcon');
    var headerNav = document.getElementById('headerNav');
    var closeNav = document.getElementById('closeNav');
    menuIcon.addEventListener('click', function () {
     headerNav.style.display = "block";
    }, false)
    closeNav.addEventListener('click', function () {
     headerNav.style.display = "none";
    }, false)
   }
    </script> 
 </body>
</html>